<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>中工大学科技园</title>
    <script src="libs/js/jquery-3.2.1.min.js" type="text/javascript"></script>
    <script src="libs/layui/layui.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="libs/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="libs/css/bootstrap.min.css">
</head>
<body>
	<div class="container" >
		<h1>中原工学院大学科技园</h1>
	</div>
	<ul class="nnav layui-nav layui-bg-blue" lay-filter="">
		<div align="center">
			  <li class="rl layui-nav-item layui-this"><a href="javascript:window.location.href='mindex.html'">园区概况</a></li>
			  <li class="rl layui-nav-item"><a href="javascript:window.location.href='news.html';">园区新闻</a></li>
			<li class="rl layui-nav-item "><a href="javascript:window.location.href='interspace.html';">科技成果</a></li>
			<li class="rl layui-nav-item"><a href="gspace.html">众创空间</a></li>
			<li class="rl layui-nav-item"><a href="gardenservice.html">园区服务</a></li>
			  <li class="rl layui-nav-item"><a href="javascript:window.location.href='register.html';">入住申请</a></li>
		</div>
	  
	</ul>
	<div class="nnav layui-carousel" id="newsl">
		<div carousel-item style="height: 400px">
			<img src="img/banner3.jpg"/>
			<img src="img/banner3.jpg"/>
			<img src="img/banner3.jpg"/>
			<img src="img/banner3.jpg"/>
			<img src="img/banner3.jpg"/>
			<img src="img/banner3.jpg"/>
			<img src="img/banner3.jpg"/>
		</div>
	</div>
<!--	<div class="container">
		<div class="col-lg-6">
		</div>
		<div class="col-lg-offset-6 col-lg-6">
		</div>
		<div class="pad" >
		</div>
		<div class="active1"><label class="label1"><a href="javascript:void(0);" onclick="onclik(1)" style="text-decoration: none">园区介绍</a></label></div>
		<div class="active2" id="active2"><label class="label2"><a href="javascript:onclik(2)" style="text-decoration: none">入园条件</a></label></div>
		<div class="active3"><label class="label1"><a href="javascript:onclik(3)" style="text-decoration: none">入园引导</a></label></div>
		<div class="active4"><label class="label1"><a href="javascript:onclik(4)" style="text-decoration: none"> 入园须知</a></label></div>

	</div>-->
	<!--<div id="garden">


	</div>-->
	<p class="p1">欢迎了解中工大学科技园</p>

	<hr/>

	<div class="contents" >
        <button class="layui-btn layui-btn-sm button1" onclick="onclik(1)">园区介绍</button>
	    <button class="layui-btn layui-btn-normal layui-btn-sm button2" onclick="onclik(2)">入园条件</button>
	    <button class="layui-btn layui-btn-warm layui-btn-sm button3" onclick="onclik(3)">入园引导</button>
    	<button class="layui-btn layui-btn-danger layui-btn-sm button4" onclick="onclik(4)">入园须知</button>

	<p><img  class="img-circle imgs" src="img/hezuo.jpg"></p>


	<div class="ftns"><img src="img/timg%20(2).jpg" class="test1"><label><label class="labelOne">园区空间</label><br/><a href="" style="text-decoration: none" class="avc">点击这里跳转空间</a></label></div>
	<div class="ftns"><img src="img/timg%20(1).jpg" class="test2"><label><label class="labelOne">新闻动态</label><br/><a href="" style="text-decoration: none" class="avc">点击这里跳转新闻</a></label></div>
		</div>
   <div class="middle"> </div>
	<div id="div_head" >
		<p style="font-size: 30px;color: gray">2018迎接全新的</p><p style="font-size: 20px;color:gray ">中原工学院大学科技园</p>
		<p style="font-size: 35px;color: #32ff8b;" id="p_title">MyPage</p>
		<div class="content">国家大学科技园是国家创新体系的重要组成部分和自主创新的重要基地，“十五”期间，科技部、教育部颁布了《国家大学科技园管理试行办法》、《科技部、教育部关于进一步推进国家大学科技园建设与发展的意见》，进一步完善了相关政策环境，在功能定位、动态趋势、管理体制、运行机制、评价考核、发展模式、国际比较、发展战略等问题上组织有关专家进行了深入广泛的研究和探讨，并积极推动多种形式和类型的国际合作交流。国家大学科技园事业已逐步走上健康发展的快车道。
			五年多来，科技部、教育部已认定国家大学科技园62家，在培养创新创业人才、转化高校科技成果、孵化高新技术企业、推动高新技术产业发展、加速区域经济建设和行业技术进步以及缓解就业压力等方面发挥了重要作用。
			截至2005年底，根据对国家大学科技园的不完全统计，已转化科技成果近3000项，有在孵企业5700多家，累计毕业企业1400多家，获授权专利2000多项，提供就业岗位7万余个，吸引留学人员2000余人，大多数国家大学科技园建立了大学生创业基地和实习基地，国家大学科技园已成为各类创新要素与资源汇集、融合的新园地，一批自主创新能力强、发展势头好、为国家做出重要贡献的国家大学科技园脱颖而出。
			“十五”期间，国家大学科技园事业取得了阶段性成果，但一些不利因素依然存在，如：部分地方管理部门和高校对国家大学科技园在国家创新体系中的地位及作用认识不足、相关政策的制定和落实不到位、中小企业融资渠道有限、国家大学科技园自身管理体制和运行机制不够完善等。“十一五”期间将是我国全面落实科学发展观，大力提升自主创新能力，进一步推进产业结构调整，构建和谐社会，建设创新型国家的关键时期。如何完善自身体制机制、优化自主创新环境，圆满完成各项重要任务，是新的形势对国家大学科技园事业提出的时代要求。
			国家大学科技园依托大学的知识、人才密集和创新环境的优势，结合社会的资金、管理与市场需求，作为国家重要的科学技术创新基地、高新技术企业孵化基地、创新创业人才聚集和培养基地、产学研结合示范基地，带动了区域经济的发展，已成为国家创新体系的重要组成部分。
			“十一五”以来，国家大学科技园的建设和发展取得了显著成效，已经成为转化高新技术成果、孵化高新技术企业、培育战略性新兴产业和高校师生创业的重要基地。总体实力不断增强，体系初步形成，我国已累计认定国家大学科技园86家，涵盖了24个省、自治区和直辖市的134所高校
		</div>
		<img src="img/img.jpg" id="imgs" style="width: 500px;height: 300px;">
	</div>
	<div></div>
	 <iframe src="foot.html" width="100%" height="300px" scrolling="no"  frameborder="0" style="margin-top: 50px"></iframe>
</body>
</html>
<script type="text/javascript">
    var h= $("#div_head").outerHeight(true);
    $(".middle").css("height", h+300+"px");
    layui.use('element', function(){
	  var element = layui.element;
	});


    layui.use('carousel', function(){
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#newsl'
            ,width: '100%' //设置容器宽度
            ,arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });
    });
    /*头部点击事件*/
function onclik(type) {
    $.ajax({
        url: 'gardenGeneral/look.spring',
        dataType: 'json',
        async:false,
    })
        .done(function(e) {
            if(e.status == 'success'){
              if(type==1){
                 $('#p_title').html("园区简介:")
                 $('.content').html(e.data.gardenIntroduction);
			  }else if(type==2){
                  $('#p_title').html("入园条件:")
                  $('.content').html(e.data.inGardenCondition);
			  }else if(type==3){
                  $('#p_title').html("入园流程:")
                  $('.content').html(e.data.inGardenFlow);
			  }else if(type==4){
                  $('#p_title').html("入园须知:")
                  $('.content').html(e.data.inGardenKnow);
			  }

            }
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
};


</script>
<style>
	.rl{
		padding-right:40px;
		padding-left:40px;
	}
	.nnav{
		margin-top: 0;
		margin-bottom: 0;
	}
	.p1{
		margin-top: 150px;
		font-size: 18px;
		color: #191717;
		font-weight: normal;
	}
    hr{
		border: 1px dashed;
		color: #7b7e80;
	}
	.ftns,.imgs,.p1,button{
		margin-left: 150px;
	}
	.imgs{
		width:300px;
		height:200px;
		margin-top: 20px;
	}
	.ftns{
		border: 1px solid grey;
		width: 300px;
		height: 150px;
		margin-top: 20px;
	}
	.test1,.test2{
		margin-left:25px;
		margin-top: 25px;
		width: 180px;
		height:110px;
	}
	.avc{
	    position: absolute;
		 font-size: 11px;
	  color: #ff1ddc;
	 }
	.labelOne{
		position: absolute;
		font-size: 10px;
		color: #061911;
	}
	.contents{
		float: left;
		padding-right: 30px;
	}
	.middle{
		 float: left;
		 width: 50px;
		 height: auto;
	}
	.content{
		width: 1500px;
		white-space: normal;
		font-size: 18px;
		font-family:"宋体"
	}

</style>
